<template>
<div>
  <el-tabs type="border-card">
    <el-tab-pane label="所有订单">
      <AllOrder></AllOrder>
    </el-tab-pane>
    <el-tab-pane label="待付款">
      <PayOrder></PayOrder>
    </el-tab-pane>
    <el-tab-pane label="待发货">
      <DeliveryOrder></DeliveryOrder>
    </el-tab-pane>
    <el-tab-pane label="待收货">
      <ReceiveOrder></ReceiveOrder>
    </el-tab-pane>
    <el-tab-pane label="待评价">
      <AssessOrder></AssessOrder>
    </el-tab-pane>
  </el-tabs>
</div>
</template>

<script>
    import PayOrder from "./state/PayOrder";
    import DeliveryOrder from "./state/DeliveryOrder";
    import ReceiveOrder from "./state/ReceiveOrder";
    import AssessOrder from "./state/AssessOrder";
    import AllOrder from "./state/AllOrder";
    export default {
        name: "Order",
      components: {AllOrder, ReceiveOrder, DeliveryOrder, PayOrder,AssessOrder},
    }
</script>

<style>
  .el-tabs__item{
    height: 60px;
    color: #4a4040 !important;
    text-align: center;
    padding-top: 10px;
    font-size: 15px !important;
  }
  .is-active{
    color: #ffab0d !important;
  }
</style>
